import { Component, useState } from "react"
import '../css/navigation.css'
import NavContent from "./navContent";
export default class Navigation extends Component{
    constructor(props){
        super();
        this.arr = [
            '仪表盘','首页','数据','设置','配置','历史记录','反馈'
        ]
    }
    render(){
        return(
            <>
                <div className="logo"><img src="/fluent_power-24-filled.png" alt="" width={100}/></div>
                <div className="nav_text">
                    {this.arr.map(item=><NavContent text={item}></NavContent>)}
                </div>
            </>
        )
    }
}